<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>遥感在线商城</title>
<link rel="icon" href="<c:url value="/img/favicon.ico"/>"  type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="<c:url value="/css/3c.list.css"/>" />
<link media="all" href="<c:url value="/css/base.css"/>" type="text/css" rel="stylesheet" />
<script src="<c:url value="/js/jquery-1.2.6.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/base-v1.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib-v1.js"/>" type="text/javascript"></script>


</head>
<body>

	<jsp:include page="/jsp/shortcut.jsp" />

	<jsp:include page="/jsp/header.jsp" />


	<div class="w">

		<div class="pro-list right">
			<div class="list-top m clearfix">
				<div class="found">
					共有 <font>${summary }</font> 个结果.
				</div>
				<div id="" class="pagin pagin-m fr pagination"></div>
				<!--pagin end-->
			</div>
			<div class="list m">
				<div class="mt">
		            <div class="extra">
						
					    <span>显示:</span>
						<select id="pagesize" onchange="javascript:changePageSize(this.value)">
							<option value="24" selected="selected">24</option>
							<option value="36" >36</option>
							<option value="48" >48</option>
						</select>
						<script>
							function changePageSize(pageSize){
								var neededU = '';
								window.location.href = neededU;
							}
						</script>
		            </div>
				</div>
				<div class="mc">
					
					<ul>
						<c:if test="${empty category }">
							<span>
								目前没有此类遥感影像！
							</span>
						</c:if>
						<c:forEach var="category" items="${category}">
							<li class="fore">
								<div class="p-img">
									<a rel="nofollow" title="${category.title }" href="<c:url value="/category/categoryInfo.action/${category.itemId }"/>">
										<img src="<c:url value="/image/getImage.action/${category.imageId[0] }"/>" height="160" width="160" />
									</a>
									<!-- <div class="pi4"></div> -->
								</div>
								<div class="p-name">
									<a href="<c:url value="/category/categoryInfo.action/${category.itemId }"/>">${category.title }</a>
								</div>
								<div class="p-market" style="display: block;"></div>
								<div class="p-price">${category.price }元</div>
								<div class="p-grade clearfix" style="display: none">
									<div id="star779158" class="star sa5"></div>
									<a rel="nofollow" href="">
										<span id="Reviews779158">0</span>
										Reviews
									</a>
								</div>
							</li>
						</c:forEach>
					</ul>
					
				</div>
				<div class="clearfix bg">
					<div class="pagin pagin-m fr pagination">
						
					</div>
					<!--pagin end-->
				</div>
			</div>
		</div>
		<span class="clr"></span>
	</div>
	<script type="text/javascript">
		$(function() {
		    $(".narrow .mc li").mouseover(function() {
		        if ($(this).attr("class") == "curr") {
		        } else {
		            $(this).addClass("curr bcurr");
		        }
		    })
		    $(".narrow .mc li").mouseout(function() {
		        if ($(this).attr("class") == "curr") {
		        } else {
		            $(this).removeClass("curr bcurr");
		        }
		    })
		})
	</script>

	<jsp:include page="/jsp/bottom.jsp" />


	<script type="text/javascript" src="<c:url value="/js/ja6.js"/>"></script>
	
	<script type="text/javascript">
		function pageselectCallback() { 
			 
		} 
		$(document).ready(function(){
			var url = document.location.href;
			url = url.split("/")[6].split("?")[0];
			url = url.substring(0, 8) + '__id__';
			$(".pagination").pagination(parseInt("${summary }"), { 
				  callback: pageselectCallback, 
				  prev_text: '上一页', 
				  next_text: '下一页', 
				  items_per_page: 24, 
				  num_display_entries: 6, 
				  current_page: parseInt("${currentPage - 1 }"), 
				  link_to: '/RemoteSensing/category/listCategories.action/' + url, 
				  num_edge_entries: 1 
			}); 
			$("#categorys").unbind("mouseenter").unbind("mouseleave").addClass("hover");
		});
	</script>

</body>
</html>
